<template>
  <div class="error-404">
    <error-content code="404" desc="Oh~~您的页面好像飞走了~" :src="src" />
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import ErrorContent from "./ErrorContent.vue";
@Component({
  components: { ErrorContent }
})
export default class Echart extends Vue {
  // private imgBg: string = require("@assets/img/404.png");
  // get styles(): any {
  //   return {
  //     backgroundImage: `url(${this.imgBg})`, // 主要原因是编译后目录结构改变导致
  //     backgroundPosition: "center",
  //     backgroundRepeat: "no-repeat"
  //   };
  // }

  private get src() {
    return require("@assets/error/error-404.svg");
  }
}
</script>
<style lang="stylus" scoped></style>


